//对外暴露配置路由
//常量路由
export const constantRouter = [
    {
        //登录
        path: "/login",
        component: () => import('../views/login/index.vue'),
        name: 'login',//命名路由
        //添加路由元信息
        meta: {
            title: '登录',//菜单标题 
            //代表在在菜单是否隐藏
            hidden: true,
            icon: 'Promotion'//菜单左侧图标，支持element-plus所有图标
        }
    },
    {
        //登录成功之后展示数据路由
        path: "/",
        component: () => import('../layout/index.vue'),
        name: 'layout',//命名路由,
        meta: {
            //当无标题或icon时隐藏（完成当访问首页是，不出现一级路由）
            title: '',
            hidden: false,
            icon: ''
        },
        //当访问跟目录'/'时直接重定想到home首页
        redirect: '/home',
        //添加二级路由组件
        children: [
            {
                path: '/home',
                component: () => import('@/views/home/index.vue'),
                meta: {
                    title: '首页',
                    hidden: false,
                    icon: 'HomeFilled'
                },
            },
        ]
    },
    {
        path: "/404",
        component: () => import('../views/404/index.vue'),
        name: '404',//命名路由
        meta: {
            title: '404',
            hidden: true,
            icon: 'CircleCloseFilled'
        }
    },
    {
        path: '/screen',
        component: () => import('@/views/screen/index.vue'),
        name: 'Screen',
        meta: {
            hidden: false,
            title: '数据大屏',
            icon: 'Platform'
        }
    },
    
]
//常量路由

//异步路由
export const asnysRoute = [
    {
        path: '/acl',
        component: () => import('@/layout/index.vue'),
        name: 'Acl',
        meta: {
            title: '权限管理',
            hidden: false,
            icon: 'Lock'
        },
        redirect: '/acl/user',
        children: [
            {
                path: '/acl/user',
                component: () => import('@/views/acl/user/index.vue'),
                name: 'User',
                meta: {
                    title: '用户管理',
                    hidden: false,
                    icon: 'User'
                }
            },
            {
                path: '/acl/role',
                component: () => import('@/views/acl/role/index.vue'),
                name: 'Role',
                meta: {
                    title: '角色管理',
                    hidden: false,
                    icon: 'UserFilled'
                }
            },
            {
                path: '/acl/permission',
                component: () => import('@/views/acl/permission/index.vue'),
                name: 'Permission',
                meta: {
                    title: '菜单管理',
                    hidden: false,
                    icon: 'Monitor'
                }
            }
        ]
    },
    {
        path: '/product',
        component: () => import('@/layout/index.vue'),
        name: 'Product',
        meta: {
            title: "商品管理",
            icon: 'Goods',
            hidden: false
        },
        redirect: '/product/trademark',
        children: [
            {
                path: "/product/trademark",
                component: () => import('@/views/product/trademark/index.vue'),
                name: 'Trademark',
                meta: {
                    title: '品牌管理',
                    icon: 'ShoppingCartFull',
                    hidden: false
                }
            },
            {
                path: "/product/attr",
                component: () => import('@/views/product/attr/index.vue'),
                name: 'Attr',
                meta: {
                    title: '属性管理',
                    icon: 'HelpFilled',
                    hidden: false
                }
            },
            {
                path: "/product/spu",
                component: () => import('@/views/product/spu/index.vue'),
                name: 'Spu',
                meta: {
                    title: 'SPU管理',
                    icon: 'Calendar',
                    hidden: false
                }
            },
            {
                path: "/product/sku",
                component: () => import('@/views/product/sku/index.vue'),
                name: 'Sku',
                meta: {
                    title: 'SKU管理',
                    icon: 'GobletFull',
                    hidden: false
                }
            }
        ]
    },
]

export const anyRoute = [
    {
        //任意路由
        path: '/:pathMatch(.*)*',
        redirect: '/404',
        name: 'Any',
        meta: {
            title: '任意路由',
            hidden: true,
            icon: 'DataLine'
        }
    }
]